@extends('layout.default')

@section('layout.content')


  <div class="row">
    <div class="col-xs-12">
      <table class="table table-hover table-striped table-bordered nonborder">
        <thead>
        <tr>
          <th class="align-middle" style="width:80px;">姓名</th>
          <th class="align-middle" style="width:130px;">手机号码</th>
          <th class="align-left">题目</th>
          <th class="align-left">回答</th>
          <th class="align-left">答案</th>
          <th class="align-left" style="width:170px;">答题时间</th>
        </tr>
        </thead>
        <tbody>
          @foreach ($topic->joins as $join)
          <tr class="bank">
            <td class="align-middle">{{$join->name}}</td>
            <td class="align-middle b">{{ $join->mobile }}</td>
            <td class="align-left">{{ $join->question->title }}</td>
            <td class="align-left b">{{ $join->question->correct() }}</td>
            <td class="align-left grey smaller-80">{{ $join->answer->answer }}</td>            
            <td class="align-left"><span class="grey smaller-80">{{ $join->created_at }}</span></td>
        
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>

  </div>

@stop
@section('javascript')
<script type="text/javascript">
    $(function () {

    });
</script>
@stop
